Ext.define('WT.view.desktop.rolemanager.EditRoleView',{
	extend:'Ext.window.Window',
	//显示此窗口时遮罩其他组件
	modal:true,
	autoShow:true,
	id:'edit-role-win',
	title:'编辑角色',
	width:800,
	height:500,
	layout: 'fit',
	//window items start
	items:[{
		 xtype:'tabpanel',
		 height: 150,
		 //tab items start
		 items:[
		    //第一个tab开始
		    {
		    title:'角色管理',
			defaults: {
        	labelSeparator :'：',
        	labelWidth : 60,
        	width:230
        	},
   			defaultType: 'textfield',
   			bodyStyle: {  
                padding: '15px'  //内间距 
            },
            // form start
            items: [
                    {
                    	 fieldLabel: '角色名',
                         name: 'roleName',
                         style:'font-size:15px',
                         allowBlank:false
                         
                    },
                    {
                    	xtype:'textarea',
                        name:'mark',
                        fieldLabel: '备注',
                        width:400  
                    }
                    
                ]
                
            // form end
            
		},
		   //第一个tab结束
		     
		     //第二个tab开始
		{
			border: false,
            xtype: 'grid',
           title:'用户管理',
          //dockedItems start
            dockedItems:[{    
                       	 dock:'bottom',    
                       	 xtype:'pagingtoolbar',    
                       	 displayInfo:true,    
                       	 displayMsg:'显示{0}-{1}条，共计{2}条',    
                       	 emptyMsg:'没有数据'    
                        }],
           //dockedItems end   
                        
           
            selModel: new Ext.selection.CheckboxModel,
           
            //columns start
            columns: [
                {
                    text: "用户名",
                    flex:1,
                    sortable: true,
                    dataIndex: 'roleName'
                },
                {
                    text: "描述",
                    width: 150,
                    sortable: true,
                    dataIndex: 'mark'
                }]
          //columns end
		},
		     //第二个tab结束
		
		//第三个tab开始
		{
			border: false,
            xtype: 'grid',
            
           title:'权限管理',
           
          //dockedItems start
            dockedItems:[{    
                       	 dock:'bottom',    
                       	 xtype:'pagingtoolbar',    
                       	 displayInfo:true,    
                       	 displayMsg:'显示{0}-{1}条，共计{2}条',    
                       	 emptyMsg:'没有数据'    
                        },{
                        	xtype: 'toolbar',
                        	items:[{
                        		 text:'添加权限',
                                 tooltip:'添加权限',
                                 iconCls:'add',
                                 xtype:'button'
                        	}]
                        }],
           //dockedItems end   
                        
           
            selModel: new Ext.selection.CheckboxModel,
           
            //columns start
            columns: [
                {
                    text: "权限名",
                    flex:1,
                    sortable: true,
                    dataIndex: 'roleName'
                },
                {
                    text: "描述",
                    width: 150,
                    sortable: true,
                    dataIndex: 'mark'
                }]
          //columns end
		}
		//第三个tab结束
		 ]
		 //tab items end
	}],
	
	buttons:[{
		text:'确认',
		id:'login',
	    iconCls:'create-user-finsh'
	},{
		text:'取消',
		id:'reset',
		iconCls:'remove'
	}]
});